<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的地盘我做主</title>
    <style>
        ul li {
            list-style: none;
            float: left;
            margin: 20px;
        }
        a {
            text-decoration: none;
        }
    </style>
</head>
<body>
    <ul>
        <li> <a target="test" href="./案例1 - 图书管理/案例 - 图书管理.html">图书管理</a></li>
        <li> <a target="test" href="./案例1-新闻列表/案例-新闻列表.html">新闻列表</a></li>
        <li> <a target="test" href="./案例2 - 头像上传/头像上传.html">头像上传</a></li>
        <li> <a target="test" href="./案例2-用户登录/login.html">用户登录</a></li>
        <li> <a target="test" href="./案例3-聊天机器人/聊天机器人.html">聊天机器人</a></li>
    </ul>
    <!-- iframe可以链接网址 -->
    <iframe name ="test" src="./案例1 - 图书管理/案例 - 图书管理.html" frameborder="0" width="100%" height="600px"></iframe>
</body>
</html>